<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="a_vuejs/vue.global.js"></script>

</head>
<body>

<div id="app">
    <h3>使用局部组件:这里需要注意 如果有大写需要使用-隔开 因为html大小写不区分的</h3>
    <my-top></my-top>
    <my-bottom />
</div>

</body>

<script>

    const myTop = {
        template:'<h1>这里是头部</h1>'
    }

    const app = Vue.createApp({
        components:{
          'my-top':myTop,
          'myBottom':{
              template: '<h1>这里是底部</h1>'
          }
        },
        data() {
            return {}
        },
        methods: {}
    })
    app.mount("#app")
</script>

</html>